
.footer-links {
    padding-left: 0;

    list-style: none;

    color: #999;
    // text-align: center;
    li {
        position: relative;

        display: inline-block;

        margin: 0 20px;
    }
}

main {
    overflow: hidden;

    padding-top: 50px;
}



.carousel-indicators {
    li {
        margin: 0 10px;

        border-color: #3aafd6;
    }
    li.active {
        width: 14px;
        height: 14px;
        margin: 0 10px;

        background-color: #3aafd6;
    }
}

.video {
    .video-item {
        overflow: hidden;

        padding: 0;
        a {
            overflow: hidden;
            img {
                width: 100%;
            }
            div {
                position: absolute;

                width: 100%;
                height: 100%;

                color: rgba(255,255,255,.9);
                background-color: #3aafd6;
                background-color: rgba(58, 175, 214, .8);
                p {
                    position: relative;
                    top: 50%;

                    width: 66%;
                    margin: 0 auto;
                    margin-top: -35px;
                    .play {
                        width: 50px;
                        height: 50px;
                        margin: 0 auto;

                        background-image: url('/image/play.png');
                        background-size: 100% 100%;
                    }
                    span.h5 {
                        overflow: hidden;

                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                }
                span {
                    font-weight: normal;

                    display: block;
                }
            }
        }
    }
}

.team {
    .team-item {
        overflow: hidden;

        padding: 0;
        img {
            width: 100%;
        }
        div {
            position: absolute;

            width: 100%;
            height: 100%;

            color: rgba(255,255,255,.9);
            background-color: #3aafd6;
            background-color: rgba(58, 175, 214, .8);
            p {
                position: absolute;
                top: 50%;
                left: 50%;

                width: 366px;
                height: 192px;
                margin-top: -95px;
                margin-left: -180px;
            }
            p.visible-xs.visible-sm {
                height: 19px;
                margin-top: -18px;
            }
            span {
                font-weight: normal;

                display: block;
            }
        }
    }
}

.team-timeline {
    background-color: #e5e5e5;
    ul {
        list-style: none;
        li {
            margin-top: 5px;
            margin-bottom: 30px;
        }
    }
    p.h3 {
        margin-bottom: 30px;
    }
}

.news {
    background-color: #f1f0f0;
    .thumbnail {
        padding: 0;

        border: 0;
        border-radius: 0;
    }
    .news-box {
        position: relative;

        overflow: hidden;
    }
    .news-boxbg {
        position: absolute;
        top: 100%;
        left: 0;

        width: 100%;
        height: 100%;

        transition: all 300ms ease;

        background: url('/image/news02.png') no-repeat center center;
        background-color: rgba(58, 175, 214, .8);
    }
    .news-box:hover .news-boxbg {
        top: 0;
    }
    .caption {
        a {
            color: #333;
        }
    }
}
.border-radius {
    border-radius: 20px;
}

footer {
    // margin-top: 30px;
}

.text-lighter {
    font-weight: 100;
}

.margin-middle {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-middle {
    padding-top: 30px;
    padding-bottom: 30px;
}

.grace-bg {
    background-color: #f5f0f0;
}

.arrow-up {
    /*以下属性可以是IE5兼容*/
    font-size: 0;
    line-height: 0;

    position: absolute;
    left: 50%;

    width: 0;
    height: 0;
    margin-top: -10px;
    margin-left: -10px;

    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f0f0;
    border-left: 10px solid transparent;
}

.contact-body {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.contact-box {
    display:flex;
    justify-content:center;
    align-items: center;
    color: #fff;
    height: 100%;
    ul {
        padding: 0px;
    }
    span {
        margin-right: 10px;
    }
    .text {
        list-style: none;
        span {
            font-size: 18px;
        }
    }
}

.carousel-join {
    position: absolute;
    top: 20%;
    right: 10%;

    color: #fff;
}

.carousel-come {
    position: absolute;
    bottom: 30%;
    left: 50%;

    margin-left: -220px;

    color: #fff;
}

.join_video {
    position: relative;

    width: 100%;

    color: #fff;
    .video {
        position: relative;

        width: 100%;
        height: auto;
    }
    img {
        width: 100%;
    }
    .content {
        position: absolute;

        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: rgba(0,0,0,0.4);
    }
}

#pano {
    height: 400px;
}

@media (max-width: 768px) {
    .container.newsShow img {
        width: 80%!important;
        height: auto!important;
    }
    .video {
        .video-item {
            overflow: hidden;

            padding: 0;
            a {
                overflow: hidden;
                div {
                    position: absolute;
                    top: 0;

                    width: 100%;
                    height: 100%;

                    color: rgba(255,255,255,.9);
                    background-color: rgba(0,0,0,.3);
                }
            }
        }
    }

    .team {
        .team-item {
            overflow: hidden;
            overflow: hidden;

            padding: 0;
            div {
                position: absolute;
                top: 0;

                width: 100%;
                height: 100%;

                color: rgba(255,255,255,.9);
                background-color: rgba(0,0,0,.3);
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 320px) {
    #pano {
        height: 220px;
    }
}


@media (min-width: 375px) and (max-width: 375px) {
    #pano {
        height: 360px;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    #pano {
        height: 420px;
    }
}

@media screen and (min-width: 1024px) {
    //.contact-body {
    //    height: 490px;
    //}
    #pano {
        height: 520px;
    }
    .content {
        height: calc(100% - 5px)!important;
    }
}

@media screen and (min-width: 1279px) {
    //.contact-body {
    //    height: 600px;
    //}
    #pano {
        height: 560px;
    }
}

@media screen and (min-width: 1920px) {
    //.contact-body {
    //    height: 750px;
    //}
    #pano {
        height: 600px;
    }
}


@media screen and (min-width: 2560px) {
    //.contact-body {
    //    height: 1024px;
    //}
}
